<template>
	<view class="cityContent">
		<view class="colation">
			<view class="iconfont icon-31dingwei colation-left">
				自动定位:{{tCity}}
			</view>
			<navigator url="/pages/changeCity/changeCity" class="colation-right">
				切换<text class="iconfont icon-jinrujiantou"></text>
			</navigator>
		</view>
		<view class="cityVideoList">
			<view class="item">
				<view class="video">
					<video style="width: 100%;height: 100%;" src="http://localhost:8888/htdocs/video/moa.mp4" muted controls></video>
				</view>
				<view class="image">
					<image class="userImage" src="../static/author.jpg" mode=""></image>
				</view>
			</view>
			<view class="item">
				<view class="video">
					<video style="width: 100%;height: 100%;" src="http://localhost:8888/htdocs/video/xiao.mp4" muted controls></video>
				</view>
				<view class="image">
					<image class="userImage" src="../static/author.jpg" mode=""></image>
				</view>
			</view>
			<view class="item">
				<view class="video">
					<video style="width: 100%;height: 100%;" src="http://localhost:8888/htdocs/video/moa.mp4" muted controls></video>
				</view>
				<view class="image">
					<image class="userImage" src="../static/author.jpg" mode=""></image>
				</view>
			</view>
			<view class="item">
				<view class="video">
					<video style="width: 100%;height: 100%;" src="http://localhost:8888/htdocs/video/xiao.mp4" muted controls></video>
				</view>
				<view class="image">
					<image class="userImage" src="../static/author.jpg" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:['tCity'],
		data(){
			return{
				// tCity:"北京"
			}
		},
// 		onShow() {
// 			uni.getStorage({
// 				key:'city',
// 				success:(res)=>{
// 					this.tCity=res.data
// 				}
// 			})
// 		}
	}
</script>

<style>
	.cityVideoList{
		width: 100%;
		overflow: auto;
		z-index: 18;
	}
	.item{
		width: 50%;
		float: left;
		
		position: relative;
	}
	.video{
		width: 92%;
		height: 300px;
		margin-left: 4%;
		margin-right: 4%;
		z-index: 18;
	}
	.image{
		position: absolute;
		bottom: 10px;
		right: 12px;
	}
	.userImage{
		width: 30px;
		height: 30px;
		border-radius: 50%;
	}
	.cityContent{
		color: #aaaaaa;
		width: 100%;
		background: #000000;
	}
	.colation{
		width: 100%;
		height: 40px;
		overflow: hidden;
		padding-top: 80px;
		font-size: 14px;
	}
	.colation-left{
		float: left;
		padding-left: 15px;
		
	}
	.colation-right{
		float: right;
		padding-right: 15px;
	}
</style>
